<?xml version="1.0" encoding= "UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:form>
	<p:dataScroller value="#{profileBean.currentUser.jobs}" var="job">

		<h:panelGrid columns="2">
			<p:outputPanel>
				<h:panelGrid columns="2" cellpadding="5">


					<h:outputText value="Company :"
						rendered="#{not empty job.companyTitle}" />
					<h:outputText value="#{job.companyTitle}"
						rendered="#{not empty job.companyTitle}" />

					<h:outputText value="Job Start:"
						rendered="#{not empty job.jobStartDate}" />
					<h:outputText converter="javax.faces.DateTime"
						value="#{job.jobStartDate}"
						rendered="#{not empty job.jobStartDate}" />

					<h:outputText value="Job End:"
						rendered="#{not empty job.jobEndDate}" />
					<h:outputText converter="javax.faces.DateTime"
						value="#{job.jobEndDate}" rendered="#{not empty job.jobEndDate}" />

					<h:outputText value="Position:"
						rendered="#{not empty job.position}" />
					<h:outputText value="#{job.position}"
						rendered="#{not empty job.position}" />


					<h:outputText value="Country:"
						rendered="#{not empty job.jobCountry.countryName}" />
					<h:outputText value="#{job.jobCountry.countryName}"
						rendered="#{not empty job.jobCountry.countryName}" />

					<h:outputText value="City:"
						rendered="#{not empty job.jobCountry.countryName}" />
					<h:outputText value="#{job.jobCountry.countryName}"
						rendered="#{not empty job.jobCountry.countryName}" />

					<p:separator style="width:100%;height:1px" />
				</h:panelGrid>
			</p:outputPanel>
		</h:panelGrid>
	</p:dataScroller>
</h:form>
</html>